草庐IT

css定位 position:sticky

全部标签

javascript - 带 CSS 和 jQuery 的 jquery 自动图像 slider

这是AutomaticImageSliderw/CSS&jQuerybySohTanaka我正在尝试自定义它以在鼠标悬停在slider上时显示.desc但它似乎没有任何帮助?//SetDefaultStateofeachportfoliopiece$(".paging").show();$(".paginga:first").addClass("active");//Getsizeofimages,howmanythereare,thendeterminthesizeoftheimagereel.varimageWidth=$(".window").width();varimageSu

javascript - 序列化 DOM 元素,包括所有 CSS 属性

我正在开发一个像yola.com这样的在线网站设计系统。我想获取应用的CSS属性及其值到任何DOM元素的列表。例如,我有一个h1标签,它的css在调整大小和拖动时由jqueryui随机更改,还通过tinymce等更改其文本装饰和文本内容等。我在这个页面上有一个保存按钮。当我点击保存时,我想使用php将所有这些更改保存到数据库中。现在我的目标是只知道每个元素的css和内部文本内容。我该怎么做? 最佳答案 在javascript中,您可以通过调用找到元素的当前类名element.getClassName();至少在当前版本的firefo

javascript - 如果用户更改了 CSS 样式,则触发事件?

我正在为IE9(Javascript)编写一个轻量级的htc程序。CSS3有一个名为transition的新属性,但它在IE9中不起作用。我正在尝试实现它,但我需要知道属性何时更改。我熟悉DOMAttrModified和onpropertychange,但如果CSS更改属性,它们不会触发:a{color:#FFF;}a:hover{color:#000;}如果您将鼠标悬停在anchor上,DOMAttrModified不会执行任何操作。我可以使用mouseover、mouseout、blur、focus、activate和停用并在每次发生属性更改时检查它们,但是如果:div:hover

javascript - 缩略图悬停缩放(放大)w/CSS3 和 javascript z 轴问题

我试图构建一系列在悬停时放大的缩略图。我的初步构建通过使用CSS3transform:scale和ease-in-out完成放大/缩放部分。问题是它们相互重叠,因为它们共享一个z轴。任何人都可以帮助我为这个场景创建一个javascript添加,正确地将每个缩略图定位在一个有意义的z轴上,即每个放大的图像调整大小以位于彼此图像的顶部。我网站上的演示:demo更新:已解决代码预览:html:CSS:#maindiv.hover{position:relative;z-index:200;display:block;-webkit-transition:all0.2sease-in-out;

javascript/jquery - 如何获取尚未添加到 dom 的元素/css 类的宽度

我正在尝试动态查找具有特定宽度的css类的元素的宽度,以便动态定位其背景图像(Sprite)。但是,该元素尚未添加到DOM。有没有办法在将类添加到DOM之前读取类的宽度属性? 最佳答案 我相信你做不到。而是将其添加到测试div,找到宽度,然后删除div。$selector.append("");varwidthVal=$selector.find("#test").width();$("#test").remove();selector是您可能想要附加到的元素选择器。您可以将一个类与“test”div相关联,使其显示为“displa

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - MSIE9 -- 当同时调整宽度和填充的 CSS 时,输入/文本区域中的文本不服从当前填充

我有一个简单的脚本,可以分别在focus/blur的文本区域/输入中添加和删除padding-left。这是为了在字段左侧为一个绝对定位的小按钮腾出空间,而不会阻挡其下方的文本。[编辑]它还同时更改元素的宽度,以保持block的总大小一致。在几乎所有浏览器中,这都工作得很好,但MSIE9除外。[编辑]尽管框保持相同大小,表明两个属性的CSS已正确更新,但输入/文本区域中的文本表现得好像填充没有改变。我知道focus/blur事件的回调会正确触发和更新DOM对象的样式属性,因为获取属性的当前值总是会为您提供预期的值。即varfield=$(field);field.css({'paddi

javascript - 调整大小的 CSS 调整大小句柄 : both property

我正在使用CSS3属性:resize:both;overflow:none;这会在元素的右下角放置一个调整大小的handle。我的第一个问题是:我可以使用这个CSS属性在元素上放置其他句柄吗?即我可以在右边缘放置一个handle吗?我知道这并不总是有效,除非元素是绝对定位的。第二个问题是:我可以将handle的样式设置为更适合我的应用程序吗?我不能使用可调整大小的jQuery;我用我正在尝试做的事情(CKEditor中的Div)对其进行了测试,但它不起作用。如果没有人能解决上述问题,也许可以使用替代插件? 最佳答案 看看这个帖子也是

javascript - 没有提示的地理定位

我知道HTML5的地理定位方式,但需要注意的是它必须提示用户获得许可。navigator.geolocation.getCurrentPosition当我想直接在主页上进行地理定位以根据位置提供定制内容时,这变得特别烦人:没有人喜欢在他或她每次访问您的网站时都得到提示。想法是使用外部服务根据IP地址或类似的东西进行地理定位,以不太准确地估计用户的位置,并仅在该位置确实不在时才提示用户。关于我可以为此目的使用的服务,有什么好的建议吗?我知道Google已经这样做了:currentlocation.它会显示您当前的位置,而不会给您任何提示。有谁知道如何做到这一点?MaxMind数据库很好,

javascript - Ajax 响应后无法重新触发 CSS 3 动画

这是一个HTML表单:Username:Password:这里是调用的JavaScript函数的相关代码if(xmlhttp.readyState==4&&xmlhttp.status==200){if(xmlhttp.responseText)document.getElementById("loginForm").submit()else{document.getElementById("report").style.webkitAnimationName="";setTimeout(function(){document.getElementById("report").styl